{% extends 'home/home.html' %}
{% block index %}
{% load static %}
<div class="uk-section uk-margin-medium-top" style="padding: 0px;">
    <div class="uk-container uk-container-small">
        <h3 class="uk-heading-small uk-text-center">
            <font style="vertical-align: inherit;">
                <font style="vertical-align: inherit;">冯老师的工具箱</font>
            </font>
        </h3>
        <p class="uk-text-lead uk-text-center">这个部分提供了一些工具或者有趣的小玩意儿，大家可以按需使用。</p>
    </div>
</div>
<div class="uk-section uk-section-muted" style="padding: 10px;">
    <div class="uk-container">
        <div class="uk-child-width-1-1 uk-child-width-1-3@m uk-grid" uk-grid="">
            <div class="uk-first-column">
                <div class="uk-card uk-card-default tm-image-card">
                    <div class="uk-card-media-top">
                        <img src="/static/tools/tools/images/app.jpg" alt="" style="height: 250px; width:100%">
                    </div>
                    <div class="uk-card-body">
                        <h3 class="uk-card-title">常用软件</h3>
                        <p>
                            这里有一些常用软件，你可以按需选择。
                        </p>
                        <p class="uk-text-center">
                            <a href="./common">点我进入下载</a>
                        </p>

                    </div>
                </div>
            </div>
            <div class="">
                <div class="uk-card uk-card-default tm-image-card">
                    <div class="uk-card-media-top">
                        <img src="/static/tools/tools/images/share.jpg" alt="" style="height: 250px; width:100%">
                    </div>
                    <div class="uk-card-body">
                        <div class="uk-card-badge uk-label uk-label-danger">HOT</div>
                        <h3 class="uk-card-title">临时共享</h3>
                        <p>上课时候要给同学们临时共享一些东西。</a>
                        <p class="uk-text-center">
                            <a href="./share">点我进入下载</a>
                        </p>
                    </div>
                </div>
            </div>
            <div class="">
                <div class="uk-card uk-card-default tm-image-card">
                    <div class="uk-card-media-top">
                        <img src="/static/tools/tools/images/web.jpg" alt="" style="height: 250px; width:100%">
                    </div>
                    <div class="uk-card-body">
                        <h3 class="uk-card-title">网站收集</h3>
                        <p>这里收集了一些有趣的或者有用的网站。</a>
                        <p class="uk-text-center">
                            <a href="./websites">点我进入</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}